<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客</title>
    <style type="text/css">
        *{ padding:0px; margin:0px; text-decoration: none; color:black; font-weight:normal; font-size:16px; }
        header{ width:1400px; margin:20px auto; padding:0px 0px 10px 0px; border-bottom: 1px solid darkgrey; }
        header>div{ display:block; width:1200px; margin:auto; }
        header span{ display:inline-block; text-align: center; margin:0px 100px; font-size:18px; }
        article{ width:1000px; margin:auto; padding:20px 100px; border-right:1px solid darkgrey; border-left:1px solid darkgrey; }
        footer{ width:1400px; border-top:1px solid darkgrey; margin:20px auto; }
        footer>div{ width:400px; margin:20px; float: right;}
        h1{ font-weight: bold; padding:0px 0px 20px 0px; }
        p{ text-indent: 2em; }
        li{ padding:10px; }
    </style>
</head>
<body>
<header>
    <div>
        <span><a href="#">首页</a></span>
        <span><a href="#">我的博客</a></span>
        <span><a href="#">管理博客</a></span>
        <span><a href="#">联系我们</a></span>
    </div>
</header>

<article>
    {% block article %}
    <ul>
        <li>我的博客1|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客2|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客3|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客4|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客5|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客6|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客7|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客8|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客9|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客10|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客11|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客12|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客13|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客14|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客15|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客16|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客17|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
        <li>我的博客18|发行日期：2019-07-20 00:00:00|阅读人数：999人</li>
    </ul>
    {% endblock %}
</article>
<footer>
    <div>
        <table>
            <tr>
                <td>邮箱:</td>
                <td>XXXXXXXXX@qq.com</td>
            </tr>
            <tr>
                <td>电话:</td>
                <td>18866668888</td>
            </tr>
        </table>
    </div>
</footer>
</body>
</html>
